<div class="navigator">
  <div class="navigator-title">
    <ul>
      <li style="    margin-top: 13px;
      padding-left: 20px;
      display: inline-block;
      padding-bottom: 0px;
      border-left: 1px solid #000;">
        <a *ngFor="let link of navigateLinks" [ngStyle]="{'color':link.active ? '#fff' :'#fff'}" class="linka"
          (click)="navigate(link.key)">{{ link.value }}</a>
      </li>
    </ul>
  </div>
  <div class="config">
    <span>廠區 :</span>
    <span style="margin-left: 10px;">xxx</span>
    <i nz-icon nzType="down" style="margin-left: 6px;" nzTheme="outline"></i>
  </div>
  <div class="area">
    <span>地區 :</span>
    <span style="margin-left: 10px;">xxx</span>
    <i nz-icon nzType="down" style="margin-left: 6px;" nzTheme="outline"></i>
  </div>
  <div class="language">
    <span>自動偵測 :</span>
    <span style="margin-left: 10px;">繁體中文</span>
    <i nz-icon nzType="down" style="margin-left: 6px;" nzTheme="outline"></i>
  </div>
  <div class="userinfo">
    <div>witstron</div>
    <div>Model Ver:xxxxxxxx</div>
    <div>更新：xxxxxxxx xxxxxxxx</div>
  </div>
</div>
